<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="jquery-3.4.1.js"></script>
		<script>
			$(function(){
				//选择的是#box里所有处在隐藏状态下的p标签
				//$("#box p:hidden").css({'color':'red','font-size':'25px','display':'block'});
				//选择的是#box里所有处在显示状态下的p标签
				//$("#box p:visible").css({'color':'red','font-size':'25px'});
				
				//通过属性选元素
				
				//选择的是所有#box有class属性的p标签
				//$("#box p[class]").css({'color':'red','font-size':'25px'});
				//$("#box p[hd]").css({'color':'red','font-size':'25px'});
				//选择的是所有hd=houdun的p标签
				//$("#box p[hd=houdun]").css({'color':'red','font-size':'25px'});
				
				//选择的是#box所有class不等于er的p标签
				//$("#box p[class!=er]").css({'color':'red','font-size':'25px'});
				//选择的是#box里class属性值是以ho开头的p标签
				//$("#box p[class^=ho]").css({'color':'red','font-size':'25px'});
				//选择的是#box里class属性值是以u结尾的p标签
				//$("#box p[class$=u]").css({'color':'red','font-size':'25px'})；
				//选择的是#box里class属性值中含有un的p标签
				$("#box p[class*=un]").css({'color':'red','font-size':'25px'});
				
				//选择的是#box里有value属性，class属性值是以u结尾的p标签
				$("#box p[class*=un][value]").css({'color':'red','font-size':'25px'});
				
				
			})
		</script>
	</head>
	<body>
		<div id="box">
			<p>后盾人 人人做后盾0</p>
			<p class="one" hd="houdun">后盾人 人人做后盾1</p>
			<p class='er'>后盾人 人人做<span>后盾</span>2</p>
			<p class="link">后盾人 <span>人人</span>做后盾3</p>
			<p>后盾人 人人做后盾4</p>
			<p style="display: none;">后盾人 人人做后盾5</p>
			<p class='houdunliu'>后盾人 人人做后盾6</p>
			<p class='houdunqi'>后盾人 人人做后盾7</p>
			<p></p>
			<p></p>
			<div>
				<p>我们也是p标签</p>
				<p>我们也是p标签</p>
				<p>我们也是p标签</p>
			</div>
		</div>
	</body>
</html>
